body {
	background: 	url(http://www.asesoriasacademicas.com/templates/asesoriasacademicas/images/Bottom_texture.jpg);
	font-family: 	Helvetica, Arial;
	font-size:	16px;

}
blockquote{
	background: rgba(0,0,0,0.2);
	display: block;
	border: 2px solid #999;
	border-radius: 5px;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
	margin: 20px auto;
	padding: 20px;
	text-align: justify;
	width: 500px;
}
h1{
	color: #1C1C1C;
	text-align: center;
	text-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	text-transform: uppercase;
}
h2{
	color: #797979;
	font: 200% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	text-align: center;
	text-shadow: 5px 1px 0px rgba(0,0,0,0.1);
}
h4{
	color: #00aaff;
	font: 100% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	text-align: right;
	
}
table.ingreso{
	border: 0;

}
th.mostrar{
     background: #000;
	 color: #fff;
     font-size: 14px;;
}
.contenido{
	background:	white;
	border-radius: 	0.5em;
	display: block;
	margin: 1em auto 0;
	padding: 1em;
	width: 80%;
}
.menu{
	background: #A9D0F5;
	border-radius: 0.5em;
	margin: auto;
	padding: 0 1em ;
	width: 80%;
}
.img{
	margin: 1em 0 0 5em;
	float: left;
}
.horarioTabla{
	border: 1px solid #999;
	border-radius: 10px;
	margin: auto;
	height:800px;
	padding: 20px;

}
.horario{
	background: #999999;
	border: 1px solid #999;
	border-radius: 5px;
	margin: auto;
	height: 20px;
	width: 100px;
}
.top{
	background-color: white;
	border-radius: 0.5em;
	height: 130px;
	line-height: 120px;  
	margin: auto;
	padding: 1em;
	text-align: center;
	width: 80%;
}	
.footer{
	background: linear-gradient(45deg, black 20%, gray 80%);
	border-radius: 0.5em;
	color: white;
	display: block;
	font-size: 16px;
	margin: 0px auto;
	padding:	1em;
	text-align: center;
	text-transform: capitalize;
	width: 80%;
}
.footer ul{
	list-style-type: none;
}
.footer b{
	color: #aab;
	font-size: 110%;
}
.footer span{
	color: #9B9B9B;
	font-style: italic;
	font-weight: bold;
	text-indent: 0.5cm;
}
.redes {
	display: inline-block;
	margin: 5px;
	padding: 5px;
}
#botonDescuento{
	background: linear-gradient(-90deg, #11ff11 60%, #ffff10 );
	border: 1px solid #999;
	border-radius: 5px;
	box-shadow: 1px 1px 5px rgba(0,0,0,1);
	color: white;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	margin: auto;
	text-align: center;
	text-shadow: 1px 1px 5px rgba(0,0,0,1);
	width: 150px;
}
#decorador{
	background: rgba(255,0,0,.5);
	margin: 10px 10px 10px 10px;
}
#alogin {
	color: red;
	font-size: 12px;
	font-style: italic;
	text-align: center;
}
#encabezado{
	float: block;
	font-size: 40px;
	margin: auto;
	text-align: center;
	text-shadow: 5px 5px 10px rgba(0,0,0,0.5);
}
#navi {
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 40px 0px;
	width: 100%;
}
#navi li{
	float:left; 
	margin:	2px;
	padding: 0px;
}
#navi li a{
	background-color:	#A9D0F5;
	border-radius: 	0.3em;
	color: 	black;
	display: 	block;
	font-weight: bold;
	padding: 0.5em 1.5em;
	text-decoration: 	none;
	text-transform:	 uppercase;
	
}
#navi li a:hover{
	background-color: #558155;
	box-shadow: 0.2em 0.2em 0 rgba(0, 0, 0, 1);
	color: white;
}
#contenido, #tabla_cancel, #contenido_tutor, #tabla_cancel_t{
	background:#fff;
	border:1px solid #2E9AFE;
	border-radius: 10px;
	margin:20px auto;
	overflow:hidden;
	padding:40px ;
	width:90%;
}
#pagosonline{
	display: inline-block;
	vertical-align: top;
	width:150px;
}
#divPagos{
	text-align: center;
	
}

/* Menú vertical desplegable
----------------------------------------------- */
.menu_list {	
	width: 200px; 
	margin: auto;
}
.menu_head {
	background-color: #424242;
	color:#ffffff; 
	cursor: pointer;
	font-weight:bold;
	margin: 1px;
	padding: 5px 10px;
}
.menu_body {
	display:none;
	margin-bottom: 20px;
}
.menu_body p{
	background-color:#BDBDBD;
	border-radius: 5px;
	display:block;
	color:#000000;
	margin: auto;
	padding: 10px;
}
.menu_body input{
	display: block;
}
.menu_body label{
	display:block;
	text-decoration:none;
}

#botonIngreso {
	background: rgba(255,100,0,.9);
	border-radius: 5px;
	box-shadow: 5px 5px 3px rgba(0,0,0,.5);
	height: 50px;
	margin: 10px auto;
	text-align: center;
	text-shadow: 1px 1px 5px rgba(0,0,0,.5);
	width: 250px;
}
@media screen and (max-width:1200px){
   #encabezado{
      font-size: 30px;
   }
   #navi {
		list-style-type: none;
		margin: 0;
		padding: 0px 0px 40px 0px;
		width: 100%;
	}
	#navi li{
		float:left; 
		margin:	2px;
		padding: 0px;
	}
	#navi li a{
		background-color:	#A9D0F5;
		border-radius: 	0.3em;
		color: 	black;
		display: 	block;
		font-weight: bold;
		padding: 0.3em 0.7em;
		text-decoration: 	none;
		text-transform:	 uppercase;
		
	}
	#navi li a:hover{
		background-color: #558155;
		box-shadow: 0.1em 0.1em 0 rgba(0, 0, 0, 1);
		color: white;
	}
}

@media screen and (max-width:900px){
   #encabezado{
      font-size: 20px;;
   }
   .top{
   	line-height: 65px;
   }
}

@media screen and (max-width:600px){
   #encabezado{
      font-size: 20px;
   }
   .top{
   	line-height: 40px;
   }
}
